{% extends 'base.html' %}
{% load static %}
{% block page_title %}
    购物车
{% endblock %}
{% block body %}
    <section class="wrap" style="margin-top:20px;overflow:hidden;">
        <table class="order_table">
            <tbody>
            <tr>
                <th><input type="checkbox"></th>
                <th>产品</th>
                <th>名称</th>
                <th>属性</th>
                <th>单价</th>
                <th>数量</th>
                <th>小计</th>
                <th>操作</th>
            </tr>
            <tr>
                <td class="center"><input type="checkbox"></td>
                <td class="center">
                    <a href="#">
                        <img src="{% static 'imgs/goods006.jpg' %}" style="width:50px;height:50px;">
                    </a>
                </td>
                <td>
                    <a href="#">这里是产品名称</a>
                </td>
                <td>
                    <p>颜色：黑色</p>

                    <p>规格：M码</p>
                </td>
                <td class="center"><span class="rmb_icon">15.88</span></td>
                <td class="center">
                    <input type="button" value="-" class="jj_btn">
                    <input type="text" value="1" class="number" readonly="">
                    <input type="button" value="+" class="jj_btn">
                </td>
                <td class="center"><strong class="rmb_icon">9.00</strong></td>
                <td class="center"><a>删除</a></td>
            </tr>
            <tr>
                <td class="center"><input type="checkbox"></td>
                <td class="center">
                    <a href="#">
                        <img src="{% static 'imgs/goods007.jpg' %}" style="width:50px;height:50px;">
                    </a>
                </td>
                <td style="width:200px;"><a
                        href="#">这里是产品名称</a>
                </td>
                <td>
                    <p>颜色：黑色</p>

                    <p>规格：M码</p>
                </td>
                <td class="center"><span class="rmb_icon">15.88</span></td>
                <td class="center">
                    <input type="button" value="-" class="jj_btn">
                    <input type="text" value="1" class="number">
                    <input type="button" value="+" class="jj_btn">
                </td>
                <td class="center"><strong class="rmb_icon">9.00</strong></td>
                <td class="center"><a>删除</a></td>
            </tr>
            <tr>
                <td class="center"><input type="checkbox"></td>
                <td class="center">
                    <a href="#">
                        <img src="{% static 'imgs/goods008.jpg' %}" style="width:50px;height:50px;">
                    </a>
                </td>
                <td style="width:200px;"><a
                        href="#">这里是产品名称</a>
                </td>
                <td>
                    <p>颜色：黑色</p>

                    <p>规格：M码</p>
                </td>
                <td class="center"><span class="rmb_icon">15.88</span></td>
                <td class="center">
                    <input type="button" value="-" class="jj_btn">
                    <input type="text" value="1" class="number">
                    <input type="button" value="+" class="jj_btn">
                </td>
                <td class="center"><strong class="rmb_icon">9.00</strong></td>
                <td class="center"><a>删除</a></td>
            </tr>
            </tbody>
        </table>
        <div class="order_btm_btn">
            <a href="{% url 'index' %}"
               class="link_btn_01 buy_btn">继续购买</a>
            <a href="#"
               class="link_btn_02 add_btn">共计金额<strong class="rmb_icon">0.00</strong>立即结算</a>
        </div>
    </section>
{% endblock %}